<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" id="btn1" value="单次定时" />
		<p>点击上面的按钮，在5秒钟之后，会被调用函数</p>
		<input type="button" id="btn2" value="关闭单次定时任务" />
		<p>点击上面的按钮，可以关闭定时器</p>
	</body>
	<script type="text/javascript">
		var oBtn01 = document.getElementById("btn1");
		var oBtn02 =  document.getElementById("btn2");
		var t = null;
		oBtn01.onclick = function(){
			// 设置我们的定时器
			// 第一个参数：表示需要执行的函数
			// 第二个参数：表示多少毫秒之后执行,单位是毫秒
			t = setTimeout(function(){
				alert('炸了')
			},5000)
		}
		
		oBtn02.onclick = function(){
			// 清理定时任务
			clearTimeout(t)
		}
	</script>
</html>
